Задачи по Тильде

Задачи: Разработка лендинга на неделю (17.11 - 21.11)

Обзор недели

На этой неделе наша главная цель — полностью разобраться с функционалом Tilda, включая тарифы, возможности, работу с шаблонами и блоками. Затем, используя полученные знания, собрать современный, адаптивный лендинг, готовый к публикации и продвижению, с настроенным доменом и базовыми интеграциями.

Главная цель

Note

Полностью освоить платформу Tilda и создать современный лендинг, готовый к публикации и базовому SEO-продвижению, с подключением домена.

Обязательно к изучению, перед тем как делать задачи:  


Основные задачи

Понедельник (17.11)

  • **Изучение платформы Tilda: Начало работы и базовые принципы
    • Официальный справочный центр Tilda: Справочный центр - Tilda [1]
    • Раздел "Как устроена Тильда" (обзор интерфейса и функций): Как устроена Тильда [1]
      • Видео: Как устроена Тильда (полное видео)
        • Цель просмотра: Получить общее представление об интерфейсе Tilda и основных процессах создания, редактирования и публикации сайтов.
        • Чему научимся в конце: Понимать структуру платформы, панель управления сайтами и страницами, а также базовые действия с контентом и блоками.
        • Ссылка: Посмотреть это видео на YouTube (Время видео: 12:00) [1]
    • Бесплатный курс по созданию сайтов на Тильде для начинающих (видеоуроки):
      • Занятие 1: О курсе
        • Цель просмотра: Ознакомиться со структурой, содержанием и форматом бесплатного обучающего курса по Tilda.
        • Чему научимся в конце: Понимать, какие темы будут рассмотрены и чего ожидать от курса.
        • Ссылка: О курсе (Время видео: 1:06) [1]
      • Занятие 2: Знакомство с Тильдой
        • Цель просмотра: Узнать об основных функциях и возможностях платформы Tilda, а также о типах проектов, которые на ней можно создавать.
        • Чему научимся в конце: Понимать, как Tilda помогает в создании посадочных страниц, интернет-магазинов, блогов и персональных сайтов, без знания кода.
        • Ссылка: Знакомство с Тильдой (Время видео: 4:20) [1]
        • Дополнительно: Галерея #madeontilda здесь [1]
      • Занятие 3: С чего начинается создание сайта
        • Цель просмотра: Освоить методологию и подходы к планированию сайта перед его созданием.
        • Чему научимся в конце: Определять цели, задачи и целевую аудиторию проекта, используя подход Jobs To Be Done для эффективного старта.
        • Ссылка: С чего начинается создание сайта (Время видео: 7:35) [1]
        • Дополнительно: Подробнее о подходе Jobs To Be Done здесь [1]
      • Занятие 4: Регистрация и обзор личного кабинета
        • Цель просмотра: Научиться создавать аккаунт в Tilda и ориентироваться в основных разделах личного кабинета.
        • Чему научимся в конце: Успешно регистрироваться, создавать новые проекты (сайты) и управлять ими в личном кабинете.
        • Ссылка: Регистрация и обзор личного кабинета (Время видео: 4:28) [1]
      • Занятие 5: Создание сайта из базовых блоков
        • Цель просмотра: Понять основной принцип работы с готовыми блоками Tilda и их роль в конструировании веб-страниц.
        • Чему научимся в конце: Эффективно использовать библиотеку из более чем 550 стандартных блоков Tilda для быстрого создания страниц и добавления контента.
        • Ссылка: Создание сайта из базовых блоков (Время видео: 11:22) [1]
      • Занятие 6: Настройки страницы и сайта
        • Цель просмотра: Изучить, как управлять общими параметрами всего сайта и каждой отдельной страницы.
        • Чему научимся в конце: Настраивать шрифт, основные цвета, главную страницу, а также порядок и вложенность страниц для контроля над внешним видом и структурой.
        • Ссылка: Настройки страницы и сайта (Время видео: 5:40) [1]
      • Занятие 7: Настройка адаптивности
        • Цель просмотра: Узнать, как обеспечить корректное отображение сайта на различных устройствах.
        • Чему научимся в конце: Применять инструменты Tilda для создания адаптивного дизайна, который будет хорошо выглядеть на мобильных телефонах, планшетах и десктопах.
        • Ссылка: Настройка адаптивности (Время видео: 2:08) [1]
      • Занятие 8: Создание уникального блока в Zero Block
        • Цель просмотра: Освоить возможности Zero Block для создания уникальных элементов и секций, полностью контролируя их дизайн и позиционирование.
        • Чему научимся в конце: Использовать Zero Block для реализации индивидуальных дизайнерских решений, выходящих за рамки стандартных блоков Tilda.
        • Ссылка: Создание уникального блока в Zero Block (Время видео: 10:35) [1]
        • Дополнительно: Галерея #madeontilda здесь [1]
      • Занятие 9: Настройка анимации
        • Цель просмотра: Изучить, как добавлять интерактивные и динамичные элементы на сайт для улучшения пользовательского опыта.
        • Чему научимся в конце: Применять базовую и пошаговую анимацию к различным элементам страницы.
        • Ссылка: Настройка анимации (Время видео: 5:42) [1]
        • Дополнительно: Учебник по анимации в вебе здесь [1]
      • Занятие 10: Навигация на сайте
        • Цель просмотра: Понять, как организовывать удобную и интуитивно понятную навигацию на одностраничном и многостраничном сайте.
        • Чему научимся в конце: Создавать меню, использовать якорные ссылки и эффективно управлять порядком страниц.
        • Ссылка: Навигация на сайте (Время видео: 8:08) [1]
      • Занятие 11: Подключение домена
        • Цель просмотра: Научиться подключать собственный домен к сайту, созданному на Tilda, и настраивать безопасное соединение.
        • Чему научимся в конце: Выполнять все необходимые шаги для привязки домена, делегирования на DNS Tilda или настройки записей у регистратора, а также подключать HTTPS (SSL-сертификат).
        • Ссылка: Подключение домена (Время видео: 4:11) [1]
        • Дополнительно: Пошаговая инструкция по подключение домена здесь [1]; Как настроить протокол HTTPS здесь [1]
      • Занятие 12: Приём заявок и работа с клиентами
        • Цель просмотра: Изучить возможности Tilda по сбору данных и взаимодействию с посетителями сайта.
        • Чему научимся в конце: Настраивать различные формы (обратной связи, подписки) и интегрировать их с популярными сервисами для CRM или почты.
        • Ссылка: Приём заявок и работа с клиентами (Время видео: 8:21) [1]
        • Дополнительно: Конструктор политики конфиденциальности здесь [1]
      • Занятие 13: SEO и аналитика
        • Цель просмотра: Понять основы поисковой оптимизации (SEO) и сбора статистики для сайта на Tilda.
        • Чему научимся в конце: Настраивать мета-теги, заголовки, описания страниц для поисковых систем, а также подключать Яндекс.Метрику и Google Analytics для отслеживания эффективности.
        • Ссылка: SEO и аналитика (Время видео: 10:51) [1]
        • Дополнительно: Гид по SEO для сайта на Тильде здесь [1]
      • Занятие 14: Продажа товаров и услуг на сайте
        • Цель просмотра: Узнать, как организовать продажи товаров и услуг на сайте, созданном в Tilda, даже без сложной настройки интернет-магазина.
        • Чему научимся в конце: Добавлять товары, создавать категории, подключать платежные системы и настраивать доставку.
        • Ссылка: Продажа товаров и услуг на сайте (Время видео: 9:21) [1]
        • Дополнительно: Справка по каталогу товаров здесь [1]; Как подключить платежную систему здесь [1]; Настройка сервисов доставки здесь [1]
      • Занятие 15: Что дальше
        • Цель просмотра: Получить рекомендации и идеи для дальнейшего развития проектов на Tilda после их создания и публикации.
        • Чему научимся в конце: Понимать перспективы и следующие шаги для масштабирования и оптимизации сайтов.
        • Ссылка: Что дальше (Время видео: 2:26) [1]
    • *Общее время на видеоуроки Tilda: ~1 час 45 минут + 12 минут (полное видео) = ~2 часа
  • Анализ тарифов и возможностей: Изучение доступных тарифов Tilda, их функциональных отличий, ограничений и преимуществ для лендинга.
  • Обзор готовых шаблонов Tilda: Изучение библиотеки шаблонов, понимание их структуры и возможностей для адаптации.
Note

Важно: ознакомиться с макетом, приступать его надо делать только после всего изученного выше.
ссылка на макет

*

Общее время занятости: ~ 4 часа.


Вторник (18.11)

  • Практическое применение: Начало сборки лендинга (4 часа)
    • 1. Выбор концепции и создание нового проекта (1 час)
      • Цель задания: Выбрать общую концепцию лендинга, опираясь на вдохновение из Figma, и создать новый проект в Tilda.
      • Чему научимся в конце: Определять стиль и структуру будущего лендинга, а также уверенно инициировать новый проект на платформе.
      • Справочный центр Tilda:
        • Создание новой страницы: [https://help-ru.tilda.cc/page-actions#rec15520104] [1]
        • (Рекомендуется также пересмотреть "Знакомство с Тильдой" (видео 2) и "Создание сайта из базовых блоков" (видео 5)).
      • Рекомендуется для вдохновения (макеты Figma):
    • 2. Сборка шапки сайта (Header) (1 час)
      • Цель задания: Разработать навигационную часть лендинга, включающую логотип, меню и, при необходимости, контактные данные, используя стандартные блоки Tilda.
      • Чему научимся в конце: Уверенно использовать готовые блоки для Header, настраивать их внешний вид, добавлять пункты меню и обеспечивать удобство навигации на сайте.
      • Справочный центр:
        • Шапка и подвал: [https://help-ru.tilda.cc/header-footer] [1]
        • Как сделать меню: [https://help-ru.tilda.cc/menu] [1]
    • 3. Сборка первого экрана (Hero-секции / Обложки) (1 час)
      • Цель задания: Создать привлекательный и информативный первый экран лендинга, который захватывает внимание пользователя и передает ключевое сообщение.
      • Чему научимся в конце: Эффективно использовать блоки "Обложка" Tilda для размещения заголовка, подзаголовка, кнопки призыва к действию (CTA) и фонового изображения, а также применять базовые настройки адаптивности для этого блока.
      • Справочный центр:
        • Работа с обложкой: [https://help-ru.tilda.cc/cover] [1]
        • (Также можно кратко пересмотреть "Настройка адаптивности" (видео 7) для лучшего понимания отображения на разных устройствах).
    • 4. Базовая настройка шрифтов и внутренняя навигация (1 час)
      • Цель задания: Применить общие настройки шрифтов для соответствия стилю лендинга и настроить базовые якорные ссылки для навигации внутри страницы.
      • Чему научимся в конце: Изменять шрифты для улучшения визуальной читаемости, применять их ко всему сайту и создавать якорные ссылки для плавных переходов к разделам на одностраничном лендинге.
      • Справочный центр:
        • Настройка шрифтов: [https://help-ru.tilda.cc/fonts] [1]
        • Якорные ссылки: [https://help-ru.tilda.cc/anchor] [1]
    • Общее время на практические задания Вторника: 4 часа

Среда (19.11)

  • Сборка информационных секций: Создание 2-3 основных контентных блоков (например, "О нас", "Преимущества", "Как это работает") с использованием различных блоков Tilda.
    • Время: 5 часов
  • Работа с медиаконтентом: Загрузка и оптимизация изображений, видео для сайта в рамках Tilda.
    • Время: 3 часа

Четверг (20.11)

  • Сборка секций с интерактивными элементами: Реализация формы обратной связи/подписки, секции с отзывами/галереями с использованием встроенных блоков Tilda.
    • Время: 4 часа
  • Верстка Footer: Создание нижней части сайта с контактной информацией, ссылками, копирайтом.
    • Время: 2 часа
  • Адаптивная настройка (мобильная/планшетная версии): Обеспечение корректного отображения всех элементов лендинга на различных устройствах с помощью встроенных инструментов Tilda (особенно для Zero-блоков).
    • Время: 2 часа

Пятница (21.11)

  • Базовая SEO-оптимизация на Tilda: Настройка мета-тегов (Title, Description), alt-атрибутов для изображений, заголовков H1-H6 с использованием настроек страниц и блоков Tilda. 1
    • Время: 3 часа
  • Подключение домена: Настройка собственного домена для опубликованного лендинга в Tilda. 1, 1
    • Время: 2 часа
  • Интеграции: Подключение форм к CRM или почте, установка счетчиков аналитики (Google Analytics/Яндекс.Метрика) через настройки Tilda.
    • Время: 2 часа
  • Тестирование и подготовка к ревью: Проверка работы всех форм, ссылок, адаптивности на разных устройствах. Финальная проверка перед демонстрацией.
    • Время: 1 час

Коммуникация

  • Ежедневные короткие стендапы (15 минут) для обсуждения прогресса и возникающих вопросов.
  • Оперативная связь в мессенджере по мере необходимости.